<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<link rel='stylesheet' href='<c:url value="/css/common.css" />' type='text/css' media='all' />
<link rel='stylesheet' href='<c:url value="/css/admission.css" />' type='text/css' media='all' />
<link rel='stylesheet' href='<c:url value="/css/student.css" />' type='text/css' media='all' />

  <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
  <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<%--     <script type="text/javascript" src='<c:url value="/js/jquery.autocomplete.min.js" />' ></script> --%>



</head>
<body>
<jsp:include page="../common/header.jsp" />
    <div class="content-outer" >
     <div class="content">
		<div id="content-header"> 
		  <img src="<c:url value="/images/student_details_logo.jpg" />" alt="Student_details_logo">
		  <h1>Student Details</h1>
		  <h3>View Details</h3>
		  <div id="app-back-button">							
		    <a onclick="history.back(); return false;" href="#"><img border="0" src="<c:url value="/images/buttons/back.png"/>" alt="Back"></a>
		  </div>
		</div>
		<div id="inner-tab-menu">
		  <ul>
		    <li><a href="/student/view_all">View all</a></li>
		    <li><a href="/student/advanced_search">Advanced</a></li>
		  </ul>
		</div>
		
		<!-- start content html--> 
		
		<div id="search_box_bg">
    <form style="display:inline;" action="" name="search_form">
      <input type="hidden" value="active" name="option" id="option">
      <label for="user_name">Search
        <img border="0" align="absmiddle" style="display: none;" src="/images/loader.gif?1346784968" id="loader" alt="Loader">
      </label>
      <input type="text" name="queryF" id="queryF">
      <div id="search_textbox">
        <input type="radio" onclick="setOption('active')" checked="checked" id="search_present_students_radio" name="setopt">Present students
        <input type="radio" onclick="setOption('former')" id="search_former_students_radio" name="setopt">Former students
      
      
<script type="text/javascript">
/* var cityName = $('#queryF');
cityName.autocomplete('/ajax/getStudentsListJson/'+cityName+'.htm', { minChars:2, max:100, cacheLength:100, matchContains:true, autoFill:false, selectFirst:false });		
cityName.result(function(event, data, formatted) {
alert(data);
});
 */
 var searchRequest = null;
 $("#queryF").autocomplete({
     maxLength: 5,
     source: function(request, response) {
         searchRequest = $.ajax({
             url: '/ajax/getStudentsListJson/amit.htm',
             method: 'post',
             dataType: "json",
             data: {term: request.term},
             success: function(data) {
				alert(data);
             }
         }).fail(function() {
             searchRequest = null;
         });
     }
 });


</script>
      
      
      </div>
      <div class="extender"></div>
    </form>
  </div>
  
        <div id="information">
		<table width="100%" cellspacing="1" cellpadding="1" align="center" id="listing">
          <tbody><tr class="tr-odd">
            <td class="col-2">No students found</td>
          </tr>
      </tbody></table></div>
      
      <!-- end content html--> 
      
      </div>
      </div>
<jsp:include page="../common/footer.jsp" /> 
</body>
</html>